<%@page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>   
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+"/"+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>我的任务</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<!-- Set render engine for 360 browser -->
	<meta name="renderer" content="webkit">
	
	<!-- No Baidu Siteapp-->
	<meta http-equiv="Cache-Control" content="no-siteapp"/>
	<!-- Add to homescreen for Chrome on Android -->
	<meta name="mobile-web-app-capable" content="yes">
	<!-- Add to homescreen for Safari on iOS -->
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="apple-mobile-web-app-status-bar-style" content="black">
	<meta name="msapplication-TileColor" content="#0e90d2">
	
	<link rel="stylesheet" href="/wx/amazeui/assets/css/amazeui.min.css">
	<link rel="stylesheet" href="/wx/amazeui/assets/css/app.css">
	<link rel="stylesheet" type="text/css" href="/wx/css/jquery.datetimepicker.css" />
	
	<script src='/wx/js/jquery/jquery-1.9.1.min.js'></script>
	<script src="/wx/js/jquery/jquery.datetimepicker.js"></script>
	<script src='/wx/amazeui/assets/js/amazeui.widgets.helper.min.js'></script>
	<script src='/wx/amazeui/assets/js/amazeui.js'></script>
	<script src='/wx/js/task/task_daily.js'></script>
</head>
<body>
	<fieldset>
	    <legend>
	    	<c:if test="${isBack!=0}">
	    	<a href="javascript:history.go(-1);"  class="am-icon-btn am-icon-history am-icon-md"></a>&nbsp;
	    	</c:if>
	    	${user.userName}，您${date}的计划如下。
	    	<input id="date" type="hidden" value="${date}">
	    	<input id="userId" type="hidden" value="${user.userId}">
	    </legend>
		<ul class="am-list am-list-static am-list-border am-list-striped" id="list">
		</ul>
	</fieldset>

	<div class="am-modal am-modal-confirm" tabindex="-1" id="confirm">
		<div class="am-modal-dialog">
			<div class="am-modal-hd">提示</div>
			<div class="am-modal-bd">您确定要执行此操作吗？</div>
			<div class="am-modal-footer">
				<span class="am-modal-btn" data-am-modal-cancel>取消</span> <span
					class="am-modal-btn" data-am-modal-confirm>确定</span>
			</div>
		</div>
	</div>

	<div class="am-modal-actions" id="my-actions">
	  <div class="am-modal-actions-group">
	    <ul class="am-list">
	      <li >
	        <div class="am-g">
			  <div class="am-u-md am-u-sm-centered">
			    <form class="am-form">
			      <fieldset class="am-form-set">
			     	 <div class="am-form-group am-form-error">
			         <textarea class="" rows="3" id="result" name="result" class="am-form-field" placeholder="填写完成情况" required></textarea>
					 </div>
					 <input type="number" name="duration" id="duration" class="am-form-field" placeholder="使用时长(分钟),请填入数字" >
					 <input type="text" name="end" id="end" class="am-form-field" onfocus=this.blur() placeholder="如果需要延期完成,选择延期的时间" >
			      </fieldset>
			    </form>
			  </div>
			</div>
		  </li>
	    </ul>
	  </div>
	  <div class="am-modal-actions-group">
		<div class="am-alert am-alert-danger" id="err-alert">
		  <p>完成情况及延期时间必须填写一个</p>
		</div>
	 	<button class="am-btn am-btn-secondary am-btn-block"  data-am-modal-confirm>提交</button>
	    <button class="am-btn am-btn-secondary am-btn-block" data-am-modal-close>取消</button>
	  </div>
	</div>
	
</body>
</html>